<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>reg_3</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			header.mui-bar .mui-icon {
				font-size: 18px;
				padding-top: 13px;
				padding-bottom: 13px;
				color: #333;
			}
			
			.mui-row {
				margin: 10px 0;
				background-color: white;
			}
			
			li {
				list-style: none;
			}
			
			.mui-row .mui-table-view-cell a {
				color: gray;
			}
			
			.mui-row .mui-col-sm-4:last-child a {
				color: #333;
			}
			 
			input[type=color],
			input[type=date],
			input[type=datetime-local],
			input[type=datetime],
			input[type=email],
			input[type=month],
			input[type=number],
			input[type=password],
			input[type=search],
			input[type=tel],
			input[type=text],
			input[type=time],
			input[type=url],
			input[type=week],
			select,
			textarea {
				height: 50px;
			}
			
			.mui-input-row label a {
				text-decoration: underline;
				color: #333;
			}
			
			.mui-checkbox input[type=checkbox],
			.mui-radio input[type=radio] {
				top: 8px;
			}
			
			.mui-input-row label {
				width: 20%;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 80%;
			}
			
			.mui-input-row {
				background-color: white;
				margin-top: 10px;
			}
			
			.mui-input-row .mui-input-clear~.mui-icon-clear,
			.mui-input-row .mui-input-password~.mui-icon-eye,
			.mui-input-row .mui-input-speech~.mui-icon-speech {
				top: 14px;
			}
		</style>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-pull-left">注册</a>
		</header>
		<div class="mui-content">
			<div class="mui-row">
				<div class="mui-col-sm-4">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right">
							1 输入手机号
						</a>
					</li>
				</div>
				<div class="mui-col-sm-4">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right">
							2 输入验证码
						</a>
					</li>
				</div>
				<div class="mui-col-sm-4">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right">
							3 设置密码
						</a>
					</li>
				</div>
			</div>
			<!--<form action="" method="">-->
			<div class="mui-input-row">
				<label>密码</label>
				<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
			</div>
			<div class="mui-input-row">
				<label>确认</label>
				<input id='password_confirm' type="password" class="mui-input-clear mui-input" placeholder="请确认密码">
			</div>
			<div class="mui-content-padded">
				<button id='toLogin' class="mui-btn mui-btn-block mui-btn-primary">完成注册</button>
			</div>
			<!--</form>-->

		</div>
	</body>
	<script type="text/javascript">
		mui.init()
		document.getElementById("toLogin").addEventListener('tap',function () {
			mui.openWindow({
				url:"login.html",
				id:"login.html",
				show:{
					autoShow:true,
					aniShow:'auto'
				},
				waiting:{
					autoShow:true,
					title:'正在加载...'
				}
			})
		})
	</script>
</html>